<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>微信支付</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
          <link href="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/css/select2.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
          <link rel="stylesheet" href="${pageContext.request.contextPath}/static/plugins/jquery.time/jquery.timepicker.min.css">
    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/My97DatePicker/WdatePicker.js"
        type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/jquery.time/jquery.timepicker.min.js"
        type="text/javascript"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/global.js"></script>
	<style type="text/css">
	*,h3{margin:0;padding:0;}
	
	.clearfix{
		overflow:hidden;
	}
	.lt{
		float:left;
	}
	.rt{
		float:right;
	}
	.wraper{
		width:100%;
		height:100%;
		background:#efeff1;
	}
	.header{
		background:#fff;
		border-bottom:1px solid #ebebec;
	}
	h3{
		height:55px;
		width:1112px;
		margin:0 auto;
		line-height:55px;
		font-size:22px;
		color:#4c4c4c;
	}
	.main{
		
		width:1112px;
		margin:0 auto;
	}
	.tops{
		padding:52px 42px;
		font-size:16px;
		color:#4c4c4c;
	}
	.tops i{
		color:#ff5f5d;
		font-size:20px;
	}
	.center{
		background:#fff;
	}
	.center_top{
		padding:14px 24px;
	}
	.center_top .span{
		color:#717070;
		font-size:16px;
	}
	.center_top img{
		vertical-align:middle;
		margin-right:5px;
	}
	.box{
		width:614px;
		margin:0 auto;
	
	}
	.wx{
		display:block;
		text-align:center;
		height:52px;
		line-height:52px;
		color:#302f32;
		font-size:20px;
	}
	
	.bottom{
		background:#fff;
		padding:60px 0 20px 20px;
	}
	.bottom a{
		color:#6cc3f2;
	}
	.box1 .pic1{
		width:280px;
		height:280px;
	}
	.box2{
		padding:60px 0;
		
	}
	</style>
<body>
<div class="wraper">
   <div class="header"><h3>收银中心</h3></div>
   <div class="main">
		<div class="tops">
			<p>支付项目：<span>${cname}</span></p>
			<p>支付金额：<i>${amount}</i>元</p>
		</div>
		<div class="center">
		   <div class="center_top">
		      <img src="${pageContext.request.contextPath}/static/images/admin/wallet/wx03.jpg" alt=""/><span class="span">微信支付</span>
			  <span id="span1">距离二维码过期还有<span id="djs">45</span>秒，过期后请刷新页面重新获取二维码</span>
			  <span id="span2" style="display: none;">二维码已过期，<a href="javascript:void(0)" onclick="refreshQr()">刷新</a>页面重新获取二维码</span>
		   </div>
		   <div class="box clearfix">
		       <div class="lt box1">
				   <span class="wx">微信支付</span>
				   <img class="pic1" src="${pageContext.request.contextPath}/static/images/admin/wallet/ewm02.jpg"/><br/>
				   <img src="${pageContext.request.contextPath}/static/images/admin/wallet/erw03.jpg"/>
			   </div>
			   <div class="rt box2">
			       <img class="shouji" src="${pageContext.request.contextPath}/static/images/admin/wallet/shouji.jpg"/>
			   </div>
		   </div>
		</div>
		<div class="bottom">
		  <img src="${pageContext.request.contextPath}/static/images/admin/wallet/arr_r.jpg"/>
		 <a href="#" onclick="window.close()">选择其他方式</a>
		</div>
   </div>
</div>	 
 <script type="text/javascript">            
	   
   </script>
</body>
</html>
